import { useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import Button from "../../components/UI/Button/Button";
import Spinner from "../../components/UI/Loading/Spinner";
import Navbar from "../../components/UI/Navbar/Navbar";
import styles from "../../components/shared/styles.module.css";
import { apiClient } from "../../services/apiClient";
import { toast } from "react-toastify";

export default function Support() {

    const navigate = useNavigate();
    
    return (
	<>
	    <Navbar />                                                                                  
	    <div className="container">                                                                
		<Button className="mt-4" onClick={() => navigate(-1)}>                                    
		    Voltar                                                                                  
		</Button>                                                                                 
		<h3 className="mb-4 text-center">Suporte</h3>                                               
		<div className={styles.tableHeader + " row mb-2"}>                                        
		    <form className={styles.supportForm}>
			<div>
			    <h5>Feedback:</h5>
			    <label for="feedback"></label>
			    <textarea rows="3" cols="14" />
			</div>
			<div>
			    <h5>Erros:</h5>
			    <label for="erros"></label>
			    <textarea rows="3" cols="14" />
			</div>
			<button className="btn primary-btn">Enviar</button>
		    </form>
		                                                        
		                                                                 
		</div>
	    </div>
    </>
  );
}
